<html>
<head>
    <title></title>
    <style>
        div {
            width: 40px;
            height: 40px;
            background: url(resources/animated.gif) top left no-repeat,
                        url(resources/animated2.gif) bottom right no-repeat;
        }
    </style>
    <script src="../resources/run-after-layout-and-paint.js"></script>
    <script>
        function step1()
        {
            document.getElementById("target").style.display="none";
            document.body.offsetTop;
            if (window.testRunner)
                testRunner.notifyDone();
        }

        function test()
        {
            if (window.testRunner) {
                testRunner.dumpAsText();
                testRunner.waitUntilDone();
            }
            runAfterLayoutAndPaint(step1);
        }
    </script>
</head>
<body onload="test()">
    <p>
        Test for <i><a href="http://bugs.webkit.org/show_bug.cgi?id=12487">http://bugs.webkit.org/show_bug.cgi?id=12487</a>
        REGRESSION: Repro crash when a second background image is animated</i>.
    </p>
    <p>
        This test should not make Safari crash.
    </p>
    <div id="target"></div>
</body>
</html>
